<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>WMS管理平台</title>

    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/role.css">

</head>

<body>

<!-- 内容主体区域 -->
<div style="padding: 15px;">
    <fieldset class="layui-elem-field layui-field-title">
        <legend id="website-map-title">角色管理</legend>
    </fieldset>

    <div class="layui-row" id="page-toolbar-row">
        <div id="page-toolbar-title" hidden>
            <blockquote class="layui-elem-quote page-quote-desc">
                有关于更多角色管理的请点击<a href="#" style="color: chocolate">这里</a>
            </blockquote>
        </div>
        <div id="page-toolbar-content">
            <div class="layui-col-md8" id="page-toolbar-content-left">
                <form class="layui-form" onsubmit="return false;">

                    <div class="layui-inline">
                        <input class="layui-input" placeholder="Key" name="roleKey" autocomplete="off">
                    </div>

                    <div class="layui-inline">
                        <input class="layui-input" placeholder="名称" name="roleName" autocomplete="off">
                    </div>

                    <div class="layui-inline layui-inline-short">
                        <select name="roleStatus" lay-verify="">
                            <option value="" selected>状态</option>
                            <option value="0">启用</option>
                            <option value="1">禁用</option>
                        </select>
                    </div>
                    <button class="layui-btn" data-type="reload"><i class="fa fa-search fa-fw"></i>搜索</button>
                </form>
            </div>
            <div class="layui-col-md4" id="page-toolbar-content-right">
                <div class="layui-btn-group menu-btn-group">
                    <button class="layui-btn layui-btn-normal" data-type="roleAdd"><i class="fa fa-plus fa-fw"></i>新增角色</button>
                    <button class="layui-btn" data-type="roleEdit"><i class="fa fa-wrench fa-fw"></i>编辑角色</button>
                    <button class="layui-btn layui-btn-danger" data-type="roleDel"><i class="fa fa-remove fa-fw"></i>删除角色</button>
                    <button class="layui-btn layui-btn-grey" data-type="rolePermission"><i class="fa fa-lock fa-fw"></i>设置权限</button>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row">
        <div class="layui-col-md12" id="role-table-content-layout">
            <div id="page-right-content-ajax">
                <table class="layui-hide" id="role-table-content" lay-filter="role-table"></table>
            </div>
        </div>
    </div>

    <script type="text/html" id="tableToolbar">
        <a class="layui-btn layui-btn-xs" lay-event="edit"><i class="fa fa-wrench fa-fw"></i>编辑&nbsp;</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="fa fa-remove fa-fw"></i>删除&nbsp;</a>
        <a class="layui-btn layui-btn-grey layui-btn-xs" lay-event="permission"><i class="fa fa-lock fa-fw"></i>权限&nbsp;</a>
    </script>

</div>

<script src="../js/role.js"></script>

</body>

</html>